<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> 
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/> 
        <title>Buscar</title>
        <link rel="shortcut icon" href="../favicon.ico"/>
        <link rel="stylesheet" type="text/css" href="css/default.css"/>
        <link rel="stylesheet" type="text/css" href="css/component.css"/>
        <link rel="stylesheet" type="text/css" href="css/panel.css"/>
        <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Playfair+Display:400italic' rel='stylesheet' type='text/css' />
        <link href='http://fonts.googleapis.com/css?family=Titillium+Web:400,300' rel='stylesheet' type='text/css'/>
</h:head>
    <h:body class="cbp-spmenu-push">
       <nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left" id="cbp-spmenu-s1">
			<h3>BirrApp</h3>
                        <a href="ok.xhtml" id="inicio">Inicio</a>
                        <a href="#" id="buscar" onclick="menuItem('buscar');">Buscar</a>
                        <a href="favoritos.xhtml" id="favoritos" onclick="menuItem('favoritos');">Favoritos</a>
                        <a href="perfil.xhtml" id="perfil" onclick="menuItem('perfil');">Perfil</a>
                        <h:form> <h:commandLink action="#{endSessionManagedBean.disconect()}">Desconectar</h:commandLink></h:form>		</nav>
            
        <div class="container" >
            <div class="main" id="frame">
                <p:messages id="messages" showDetail="false" autoUpdate="true"/> 
                <h1>Buscar</h1>
                <h:form id="formBusqueda">
                    <p:fieldset legend="Parámetros de búsqueda">
                        <h:panelGrid id="tablaParamBusq" columns="4" cellpadding="10" columnClasses="barList11, barList14"> 
                            <h:outputText value="Nombre:" styleClass="letrasNegrita"/> 
                            <h:inputText value="#{buscarManagedBean.paramNombre}"/>
                            <h:outputText value="Cód. Postal:" styleClass="letrasNegrita"/>
                            <h:inputText value="#{buscarManagedBean.paramcodPostal}"/>
                            <h:outputLabel for="spinnerDesde" value="Precio desde:" styleClass="letrasNegrita"/>  
                            <p:spinner id="spinnerDesde" value="#{buscarManagedBean.paramPrecioDesde}" suffix=" €" 
                                       min="0" stepFactor="0.25" style="padding-right: 20px;"/>
                            <h:outputText value="Marca de cerveza:" styleClass="letrasNegrita"/>
                            <h:inputText value="#{buscarManagedBean.paramMarcaCerveza}"/>
                            <h:outputLabel for="spinnerHasta" value="Precio hasta:" styleClass="letrasNegrita"/>  
                            <p:spinner id="spinnerHasta" value="#{buscarManagedBean.paramPrecioHasta}" suffix=" €" 
                                       min="0" stepFactor="0.25" style="padding-right: 20px;"/>
                        </h:panelGrid>
                        <div style="text-align: center">
                            <p:commandButton value="Buscar" action="#{buscarManagedBean.buscar}" update="@form"/>
                        </div>
                    </p:fieldset>
                    
                    <p:fieldset id="fieldSetResultados" legend="Resultados">
                        <p:dataGrid id="dataGridBares" styleClass="listasCervezas" var="bar" value="#{buscarManagedBean.listaBaresT}" columns="1"
                                     rows="4" paginator="true" paginatorAlwaysVisible="false" emptyMessage="No existe ningún resultado con los parámetros de búsqueda introducidos."
                                     paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink}
                                                        {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                                     rowsPerPageTemplate="3,6,9" currentPageReportTemplate="{currentPage} de {totalPages}">
                            <p:column>                            
                                <p:panel header="#{bar.nombre}">
                                    <h:panelGrid id="panelDatos" columns="3" style="width:100%" columnClasses="barList11,barList12,barList13">
                                        <p:column>
                                            <p:graphicImage id="barImagen" styleClass="imageBar" value="/images/bares/#{bar.foto}" 
                                                            rendered="#{bar.foto != null}" width="100" height="100"/>

                                            <p:graphicImage id="barNoImagen" styleClass="imageBar" value="/images/bares/imagenNoDisponible.jpg" 
                                                            rendered="#{bar.foto == null}" width="100" height="100"/>
                                        </p:column>
                                        <p:column>
                                            <p:dataTable id="tableBarContenido" var="barContenido" emptyMessage="No existen resultados."
                                                         value="#{buscarManagedBean.getListaCervezas(bar)}" 
                                                         styleClass="listasCervezasTabla" rows="3" paginator="true" paginatorAlwaysVisible="false"
                                                         rowStyleClass="#{barContenido.precio eq favoritosManagedBean.getcervezaMasBarataEnBar(barContenido) ? 'colorRowMasBarata' : null}">

                                                <p:column headerText="Marca" styleClass="barList21">  
                                                    <h:outputText value="#{barContenido.cervezasT.marca}"/>  
                                                </p:column>

                                                <p:column headerText="Tipo" styleClass="barList22">  
                                                    <h:outputText value="#{barContenido.cervezasT.tipo}" />  
                                                </p:column>  

                                                <p:column headerText="Vaso" styleClass="barList23">  
                                                    <h:outputText value="#{barContenido.vasosT.tipo}" />  
                                                </p:column>  

                                                <p:column headerText="Precio" styleClass="barList24">  
                                                    <h:outputText value="#{barContenido.precio} €" />  
                                                </p:column>  

                                                <p:column headerText="Tapa"  styleClass="barList25">  
                                                    <h:outputText value="#{barContenido.tapasCervezaT.nombre}" />  
                                                </p:column> 
                                            </p:dataTable>
                                        </p:column>
                                        <p:column>
                                            <p:commandButton value="Detalles" action="#{buscarManagedBean.irADetalles}">
                                                <f:setPropertyActionListener value="#{bar}"  
                                                                             target="#{buscarManagedBean.selectedBar}" /> 

                                            </p:commandButton>  
                                        </p:column>
                                     </h:panelGrid>
                                </p:panel>
                            </p:column>
                         </p:dataGrid>
                       </p:fieldset>
                </h:form>
            </div>
        </div>
        <script src="js/classie.js"></script>
        <script src="js/menu.js"></script>
    </h:body>
</html>

